import { useState } from 'react';
import './App.css';
import CommButton from './components/HOC/CommButton';
function App() {
  const [userInfo, setUserInfo] = useState({ username: '创神', roleName: '医生', role: 5 })
  const handlerClick1 = () => {
    console.log("handlerClick1");
  }
  const handlerClick2 = () => {
    console.log("handlerClick2");

  }
  const handlerClick3 = () => {
    console.log("handlerClick3");

  }
  const handlerClick4 = () => {
    console.log("handlerClick4");

  }
  return (
    <div className="App">
      <CommButton handlerClick={handlerClick1} userInfo={userInfo} type="primary" buttonName="增加" danger={false}></CommButton>
      <CommButton handlerClick={handlerClick2} userInfo={userInfo} type="primary" buttonName="删除" danger={true} ></CommButton>
      <CommButton handlerClick={handlerClick3} userInfo={userInfo} type="dashed" buttonName="修改" danger={false}></CommButton>
      <CommButton handlerClick={handlerClick4} userInfo={userInfo} type="text" buttonName="查看" danger={true}></CommButton>

    </div>
  );
}

export default App;
